import { useState, useEffect } from 'react'
import Legend from '../../../common/Legend';
export default function LegendPro(props) {
    return <Legend extra={<div className='layout-v center'>
        <div style={{ width: 130 }}>
            <span style={{
                display: 'inline-block',
                width: 20,
                height: 10,
                //borderRadius: '50%',
                backgroundColor: 'rgba(56,101,240,0.5)'
            }}></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;低风险
        </div>
        <div style={{ width: 130 }}>
            <span style={{
                display: 'inline-block',
                width: 20,
                height: 10,
                //borderRadius: '50%',
                backgroundColor: 'rgba(247,245,0,0.5)'
            }}></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中风险
        </div>
        <div style={{ width: 130 }}>
            <span style={{
                display: 'inline-block',
                width: 20,
                height: 10,
                //borderRadius: '50%',
                backgroundColor: 'rgba(235,142,0,0.5)'
            }}></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中-高风险
        </div>
        <div style={{ width: 130 }}>
            <span style={{
                display: 'inline-block',
                width: 20,
                height: 10,
                //borderRadius: '50%',
                backgroundColor: 'rgba(255,255, 0, 0.5)'
            }}></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;高风险
        </div>
    </div>} />;
}